<template>
  <el-main>
    <el-row type="flex" justify="center" align="middle">
      <div>
        <tr>
          <a>传统申请方式</a>
        </tr>

        <tr>
          <img src="@/assets/1663418200016.jpg" width="900rem">
        </tr>
      </div>
      </el-row>
      <el-row type="flex" justify="center" align="middle">
        <div>
          <tr>
            <a>优化后的申请方式</a>
          </tr>
          <tr>
            <img src="@/assets/平台优势.png" width="900rem">
          </tr>
        </div>
      </el-row>
    <el-row type="flex" justify="center" align="middle">
      <table>
        <div style="padding-top: 1rem">
          <tr>
            <td>
          <tr>
            <iframe
              id="iframeContain0"
              name="iframeContain"
              seamless
              scrolling="yes"
              :src="iframeURL"
            >
              您当前的浏览器不支持页面上的功能，请升级您当前的浏览器版本或使用谷歌浏览器访问当前页面
            </iframe>
          </tr>
          <tr>
            <a>¥2000/年 </a>
            <a href="http://localhost:88/easypatent/index#/rcs/printJob">购买自助申请平台</a>
<!--            <a href="http://172.20.10.5:88/easypatent/index#/rcs/printJob">购买自助申请平台</a>-->
          </tr>
          </td>
          <td style="padding-left: 3rem">
            <tr>
              <iframe
                id="iframeContain0"
                name="iframeContain"
                seamless
                scrolling="yes"
                :src="iframeURL"
              >
                您当前的浏览器不支持页面上的功能，请升级您当前的浏览器版本或使用谷歌浏览器访问当前页面
              </iframe>
            </tr>
            <tr>
              <a>¥2000/年 </a>
              <a href="http://localhost:88/easypatent/index#/rcs/printJob">购买自助申请平台</a>
<!--              <a href="http://172.20.10.5:88/easypatent/index#/rcs/printJob">购买自助申请平台</a>-->
            </tr>
          </td>
          </tr>
        </div>

        <div style="padding-top: 3rem">
          <tr>
            <td>
          <tr>
            <iframe
              id="iframeContain0"
              name="iframeContain"
              seamless
              scrolling="yes"
              :src="iframeURL"
            >
              您当前的浏览器不支持页面上的功能，请升级您当前的浏览器版本或使用谷歌浏览器访问当前页面
            </iframe>
          </tr>
          <tr>
            <a>¥5000 发明  知识产权事务所</a>
            <a href="http://localhost:88/easypatent/index#/rcs/printJob">购买代理服务</a>
          </tr>
          </td>
          <td style="padding-left: 3rem">
            <tr>
              <iframe
                id="iframeContain0"
                name="iframeContain"
                seamless
                scrolling="yes"
                :src="iframeURL4"
              >
                您当前的浏览器不支持页面上的功能，请升级您当前的浏览器版本或使用谷歌浏览器访问当前页面
              </iframe>
            </tr>
            <tr>
              <a>¥2700 实用新型  知识产权事务所</a>
              <a href="http://localhost:88/easypatent/index#/rcs/printJob">购买代理服务</a>
            </tr>
          </td>
          </tr>
        </div>
      </table>

    </el-row>



    <div>




    </div>



    <!-- 轮播区域 -->
    <!--    <div class="lunboArea">-->
    <!--      <el-carousel :interval="5000" arrow="always"  height="150px">-->
    <!--        <el-carousel-item v-for="item in detailPic" :key="item.pics_id">-->
    <!--          <img class="lunboPic" :src="item.pics_mid_url" />-->
    <!--        </el-carousel-item>-->
    <!--      </el-carousel>-->
    <!--    </div>-->
    <!-- 名称，收藏 -->
    <div class="goodsName clearFix">

    </div>
  </el-main>
</template>

<script>
import axios from "axios";
export default {
  name: "EquipmentIP",
  data() {
    return {
      iframeURL: "https://hub.realibox.com/public/2359907928440307795",
      iframeURL4: "https://hub.realibox.com/public/2362013641055666386",
      txt: '',

      detailData:
        {
          goods_introduce: "Apple Watch Series 8 搭载全新的64位双核处理器 S8 ，性能相比上一代产品提升约15%；采用全天候视网膜显示屏，材质为LTPO OLED，支持1000nit全局峰值亮度；同样有GPS版本和蜂窝网络版本，蜂窝版本在侧面圆形控制键上依然会有红色标志。",
        },
      detailPic: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2022%252F0907%252Fcf9ff093j00rhspv70019c000sg00g8g.jpg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665122603&t=83aa5ef522d434d285a24b866e18ab36",
      options: {},
      config: {
      },
      timer: null
    }
  },
  mounted(){
    // console.log(this.$route.query)
    let goods_id=this.$route.query.goods_id
    // let promise1=axios({
    //   url:'/goods/detail',
    //   method:'GET',
    //   params:{
    //     goods_id:goods_id
    //   }
    // })
    // promise1.then((res)=>{
    //   // console.log(res)
    //   // this.detailData=res.data.message
    //   // this.detailPic=res.data.message.pics
    //   this.detailData="Apple Watch!";
    //   this.detailPic="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2022%252F0907%252Fcf9ff093j00rhspv70019c000sg00g8g.jpg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665122603&t=83aa5ef522d434d285a24b866e18ab36"
    // })
    this.detailData="Apple Watch!";
    this.detailPic="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2022%252F0907%252Fcf9ff093j00rhspv70019c000sg00g8g.jpg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1665122603&t=83aa5ef522d434d285a24b866e18ab36"


  },
  methods: {
    addCart(){
      //   商品id
      let goods_id=this.$route.query.goods_id
      console.log(goods_id)
      // 从本地中获取购物车中商品
      let cart=JSON.parse(sessionStorage.getItem("cart"))||[]
      // console.log(typeof cart)
      // 判断是否含有当前商品信息
      let index=cart.findIndex((v)=>v.goods_id==goods_id)
      // console.log(index)
      // 不存在
      if(index==-1){
        this.detailData.num=1//添加num属性
        this.detailData.checked=true
        cart.push(this.detailData)
      }else{
        // 存在,num++
        console.log(cart[index])
        cart[index].num++
      }
      sessionStorage.setItem("cart",JSON.stringify(cart))
    },
    goCart(){
      // this.$router.push('/cart')

    },
    send_msg: function () {
      // this.txt
      // this.msg_arr
      if (this.txt) {
        console.log(this.txt)
        //将消息存入数据库
        this.$http.post('instrument/storeAdvice',
          {
            id: '0',
            name: '',
            phone: '',
            message:this.txt,
          },{emulateJSON: true}
        ).catch(function (error) {
          console.log(error);
        });
        this.txt = '';
      }
    },
  }

}

</script>

<style lang='scss' scoped>
#iframeContain0{ width: 25rem; height: 20rem; }
#iframeContain1{ width: 25rem; height: 20rem; }
#iframeContain2{ width: 25rem; height: 20rem; }
#iframeContain3{ width: 25rem; height: 20rem; }
#iframeContain4{ width: 25rem; height: 20rem; }
.imgStyle {
//text-align: center;
//dispaly:flex;
  padding-left: 28rem;
//width: 70rem;
  background-position:20%;
}
.footNav clearFix{
  padding-left: 68rem;
//width: 28rem;
}
</style>
